:root {
  --primary-color: #42bac3;
  --link-color: #42bac3;
  --success-color: #05cbbf;
  --warning-color: #ff943f;
  --error-color: #ff4837;
  --box-shadow-1: 0 4px 14px 0 rgba(126, 134, 142, 0.16);
}

html {
  --color-bg-1: #ffffff;
  --color-bg-2: #f3f3f3;
  --color-bg-3: #e6f4ff;
  --color-header-bg-1: rgba(255, 255, 255, 0.6);
  --color-text-1: #1d2129;
  --color-text-2: #4a4a4a;
  --color-text-3: #4e5969;
  --color-text-4: #86909c;
  --color-text-5: #c9cdd4;
  --color-text-6: #ffffff;
  --color-border-1: #dde0e9;
  --color-border-2: #e5e6eb;
  --color-border-3: #c9cdd4;
  --color-border-4: #86909c;
  --color-border-5: #dfe1e5;
}

html[theme='dark'] {
  --color-bg-1: rgb(35, 35, 36);
  --color-bg-2: #232324;
  --color-bg-3: rgba(255, 255, 255, 0.08);
  --color-header-bg-1: rgb(35, 35, 36, 0.6);
  --color-text-1: #c9cdd4;
  --color-text-2: #c9cdd4;
  --color-text-3: #c9cdd4;
  --color-text-4: #c9cdd4;
  --color-text-5: #c9cdd4;
  --color-text-6: #c9cdd4;
  --color-border-1: #484849;
  --color-border-2: #484849;
  --color-border-3: #484849;
  --color-border-4: #484849;
  --color-border-5: #484849;
}
